<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style>
        .hh{
            list-style: none;
            margin: 20px;
            float: left;
            color: #6B666B;
            position: relative;
            left: 100px;
        }
        #mm{
            background-color: #EEEEEE;
            width: 800px;
            height: 60px;
            border-top: 1px #B1B1B2 solid;
            border-right: 1px #B1B1B2 solid;
            border-left: 1px #B1B1B2 solid;
            border-bottom: 1px #B1B1B2 dotted;
            margin: 0px auto;
        }

        .ll{
            float: left;
            list-style: none;
            color: #6B666B;
            margin: 15px;
            font-size: 10px;
        }

    </style>
</head>
<body>
    <div style="width: 600px">
        <ul id="mm">
            <img style="position: fixed;left: 100px;top: 25px" src="./img/logo.gif" alt=""/>
            <li class="hh">购物车&nbsp;|</li>
            <li class="hh">优惠卷&nbsp;|</li>
            <li class="hh">快速注卡&nbsp;|</li>
            <li class="hh">各地购课&nbsp;|</li>
            <li class="hh">手机报&nbsp;|</li>
            <li class="hh">网址导航
             <details style="position: relative;left: 75px;top: -21px;">
                <summary > </summary>
                    <div style="width: 300px; float: left;border: solid #BFBFBF 1px;position: absolute;left: -360px">
                        <ul style="width: 250px;float: left;  background-color: white;border-bottom:
                            solid 1px #EEEEEE;">
                            <li class="ll">托福</li>
                            <li class="ll">雅思</li>
                            <li class="ll">考研</li>
                            <li class="ll">职称英语</li>
                            <li class="ll">初中</li>
                            <li class="ll">日语</li>
                        </ul>
                         <ul style="width: 250px;float: left;  background-color: white;border-bottom:
                                    solid 1px #EEEEEE;">
                             <li class="ll">网络课堂</li>
                             <li class="ll">资讯中心</li>
                             <li class="ll">知识堂</li>
                             <li class="ll">大师讲坛</li>
                             <li class="ll">学习论坛</li>
                             <li class="ll">学词</li>
                             <li class="ll">考研搜词</li>
                         </ul>
                        <ul style="width: 250px;float: left;  background-color: white;border-bottom:
                                    solid 1px #EEEEEE;">
                            <li class="ll">M-Zone</li>
                            <li class="ll">手机报</li>
                            <li class="ll">时时英语</li>
                            <li class="ll">职称英语</li>
                        </ul>
                    </div>

             </details>
            </li>
        </ul>
    </div>
</body>
</html>